<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="renderer" content="webkit">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title th:text="${data!=null?data.archiveTitle:'文章'}"></title>
	<style type="text/css">
	.mlToNull{
		margin-left:0px;
	}

	.line{
		border-bottom: 1px solid #ccc;
	    border-top: 1px solid #ccc;
	    height: 60px;
	    overflow:auto;
	    display: block;
	    box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    padding: 0 .3rem .32rem;
	    margin-bottom: .5rem;
	    background: #fff;
	    font-size: .2rem;
	    color: #888;
	    line-height: .24rem;
	}
	.lineHeight{
		line-height: 50px;

	}
	.date {
	}
	.rich-context{
		margin-top:20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.rich-context img{
		width: auto;
		height: auto;
		max-height: 100%;
		max-width: 100%;
	}

	 .page-center{
	   margin:0 auto;
	   max-width: 1080px;
	 }
</style>
</head>
<body>
<div class="page-center">
	<div>
		<div th:if="${tips.isOk==true}">
			<h1 th:text="${data.archiveTitle}"></h1>
			<div class="line">
				<div  class="lineHeight mlToNull">
					<span    class=" tag" th:text="' '+${data.tagNames}"></span> &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;<span    class=" date" th:text="' '+${data.createDate!=null?#dates.format(data.createDate,'yyyy-MM-dd'):''}"></span>
					&nbsp;&nbsp;&nbsp;&nbsp; <span    class="author" th:text="'编辑：'+${data.authorName}"></span>
				</div>
			</div>
			<div class="rich-context"  th:utext="${data.archiveContext}"></div>
		</div>
		<div th:if="${tips.isOk==false}"><span th:text="${tips.msg}"></span></div>
	</div>
</div>
</body>


</html>